<template>
	<el-container>
		<el-main class="nopadding">
			<el-main style="padding:0 20px;">
				<el-table ref="table" :data="listData" row-key="id" @selection-change="selectionChange" stripe
					:hideDo="true" :hidePagination="true" :border="true">
					<el-table-column label="店长" prop="">
						<template #default=""> <!-- scope -->
							<el-switch v-model="value1" />
						</template>
					</el-table-column>
					<el-table-column label="姓名" prop="name"></el-table-column>
					<el-table-column label="账号" prop="sn"></el-table-column>
				</el-table>
			</el-main>
		</el-main>
		<el-footer>
			<div class="u-flex u-row-center">
				<el-pagination background :small="true" :layout="paginationLayout" :total="total"
					:page-size="scPageSize" :page-sizes="pageSizes" v-model:currentPage="currentPage"
					@current-change="paginationChange" @update:page-size="pageSizeChange"></el-pagination>
			</div>
		</el-footer>
	</el-container>

</template>

<script>
	import config from "@/config/table";
	export default {
		data() {
			return {
				id: "",
				value1: true,
				listData: [{
					id: "410000198611212735",
					name: "黄家驹",
					sn: '2198061243WLLB003520'
				}],
				total: 0,
				currentPage: 1,
				pageSize: config.pageSize,
				pageSizes: config.pageSizes,
				paginationLayout: config.paginationLayout,
			}
		},
		mounted() {

		},
		methods: {
			//注入数据
			setData() {
				//this.data = data
			}
		}
	}
</script>

<style>
</style>
